﻿
/*-------------------------------------------------------------------------------------*/

body 
{
	/*PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;*/
    MARGIN: 0px;
    padding:0px;
    FONT-FAMILY: "Tahoma", "Arial","sans-serif", "Verdana", "Helvetica";
    FONT-SIZE: 8pt;
    background-image:url('../images/bg.gif');
	background-repeat:repeat;
	color:Black;
}

table.Grid
{
	padding:0;
	margin:0;
	border-collapse:collapse;
	border:solid 1pt #ACC9F1;
}
table.Grid tr th
{
	height:18px;
	background-color:#ACC9F1;
	color:#000;
	font-weight:normal;
	padding-left:5px;
	text-align:left;
	
}
table.Grid .align-center
{
   text-align:center;
}

table.Grid .align-right
{
   text-align:right;
}


table.Grid tr 
{
	border-bottom:solid 0.10em #D4E0F1;
}
table.Grid tr.border-full th 
{
	border:solid 0.10em #D4E0F1;
	padding:5px;
}

table.Grid tr td.mandatory
{ 
	padding-left:5px;
	padding-right:5px;
 
	border-right:solid 1pt #ACC9F1;
	color:Red;
}




    

 
table.Grid tr.ItemOdd
{
	background-color:#F7F6F3;	
}
table.Grid tr.ItemEven
{
	background-color:#DBDBDB;	
}


br
{
	clear:both;
	margin:0px;
	padding:0px;
}
.preloader
{
	
	display						:none;	
}
img{border:none;}
.BorderTop
{
	height:21px;
	width:1145px;
	margin: 0 auto;
	background-image:url(../images/border-top.png);
	background-repeat:no-repeat;
	margin-top:20px;
}
.BorderBody
{
	width:1145px;
	margin: 0 auto;
	background-image:url(../images/border-side.png);
	background-repeat:repeat-y;
}
.groupset
{
    border:solid 1pt #CCC;background-color:#fff;padding:1em;    
}
fieldset  
{
    border:1px solid #ACC9F1;
    background-color:#fff;
 }

legend {
  padding: 0.2em 0.5em;
  border:1px solid #ACC9F1;
  color:#C62431;
  font-size:90%;
  text-align:left;
  background-color:#EBEFFB;
  }

 .ErrorMsg
{
 
	width: 300px;
	color:#862121;	 
	font-weight:bold;
	line-height:20px;
	height:20px;
}
.FingerStatus
{   
     
    float:right;
    margin-top:5px;
    height:106px;
    width:222px;
    border:solid 1pt #ACC9F1;
    background-color:#fff;
    background-image:url(../images/hands.jpg);
    background-repeat:no-repeat;
    line-height:0px;
    
}
.FingerStatus #LSF
{    
    position:relative;
  
     top:35px;
    left:2px;
 
    height:16px;
    width:16px;
    background-image:url(../images/icons/small/action_delete.gif);
    background-repeat:no-repeat;
}

.FingerStatus #LRF
{    
    position:relative;
    top:0px;
    left:20px;
     height:16px;
    width:16px;
    background-image:url(../images/icons/small/action_delete.gif);
    background-repeat:no-repeat;
}


.FingerStatus #LMF
{    
    position:relative;   
    top:-25px;
    left:40px;   
    height:16px;
    width:16px;
    background-image:url(../images/icons/small/action_delete.gif);
    background-repeat:no-repeat;
}

 

.FingerStatus #LIF
{    
    position:relative;
    top:-32px;
    left:69px;
    height:16px;
    width:16px;
    background-image:url(../images/icons/small/action_delete.gif);
    background-repeat:no-repeat;
}

.FingerStatus #LTF
{    
    position:relative;
    top:8px;
    left:95px; 
    height:16px;
    width:16px;
    background-image:url(../images/icons/small/action_delete.gif);
    background-repeat:no-repeat;
}
.FingerStatus #RTF
{    
    position:relative;
    top:-10px;
    left:117px;
    height:16px;
    width:16px;
    background-image:url(../images/icons/small/action_delete.gif);
    background-repeat:no-repeat;
}
.FingerStatus #RIF
{    
    position:relative;   
    top:-80px;
    left:142px; 
    height:16px;
    width:16px;
    background-image:url(../images/icons/small/action_delete.gif);
    background-repeat:no-repeat;
}


.FingerStatus #RMF
{    
    position:relative;
    top:-106px;
    left:168px;
    height:16px;
    width:16px;
    background-image:url(../images/icons/small/action_delete.gif);
    background-repeat:no-repeat;
}


.FingerStatus #RRF
{    
    position:relative;  
    top:-115px;
    left:190px; 
    height:16px;
    width:16px;
    background-image:url(../images/icons/small/action_delete.gif);
    background-repeat:no-repeat;
}

.FingerStatus #RSF
{    
    position:relative;  
    top:-110px;
    left:210px; 
    height:16px;
    width:16px;
    background-image:url(../images/icons/small/action_delete.gif);
    background-repeat:no-repeat;
}
 

.banner
{
	margin-left:22px;
 
}
div.PageTitle
{
    background-color:#ACC9F1;
    width:100%;height:22px;
    line-height:22px;color:#fff;
}
div.PageTitle div
{
    font-weight:bold;
    margin-left:25px;
}

div.PageContent
{
padding-top:0.5em;
padding-left:1em;
padding-right:1em;
background-color:#EAEBED;
border:solid 0.01em #81AAE2;
clear:both;
}

div.PageContentBottomHeight
{
clear:left;height:20px    
}

#MenuPanel
{
	 margin: 0 auto; 
	/*margin-top: 10px;*/
	height:25px; 
	background-color:#BBBFDC;
    
 
	width: 1100px;
}
.Greetings
{
	float:right;
	width: 200px;
	margin-top:-20px;
	text-align:right;
	margin-right:30px;
}
.ClientCount
{
	clear:both;
	float:right;
	width: 200px;
	margin-top:-50px;
	text-align:right;
	margin-right:30px;
 
}
.ChatIconPanel
{
	clear:both;
	float:right;
	width: 200px;
	margin-top:-100px;
	text-align:right;
	margin-right:30px;
}
div#BodyContent
{
	clear:both;
	width: 1100px;
	margin: 0 auto;
	background-color:#ffffff;
}
#Footer
{
width: 1100px;
height:20px; 
background-color:#636363;
margin-top:5px; 
padding-top:5px;
color:#ffffff;
text-align:center;
margin: 0 auto;

}

#Footer a
{
	color:#ffffff;
}

.BorderBottom
{
	height:21px;
	width:1145px;
	margin: 0 auto;
	background-image:url(../images/border-bottom.png);
	background-repeat:no-repeat;
	margin-bottom:20px;
}

.btn
{
 background-color:#F29E1E;
 color:#ffffff;
 border-width:1px;
 border-style:outset;
 font-family:"Tahoma", "Calibri","Helvetica","Sans-Serif";
 font-size:8pt;
 height:20px;
}
.LoginFormBody
{
	width: 600px;
	height:400px;
	text-align: left;
	padding: 50px 0px 0px 0px;
	margin: 0 auto;
	
}
.LoginFormHeader
{
	width:441px;
	height:88px;
	background-image:url(../images/login-banner.gif);
	margin-bottom:50px;
	
}
.LoginFormBackground
{
	width:446px;
	height:318px;
	background-image:url(../images/login_screen.gif);
}
div#ContentTopPanel{
	width:1000px;
	height:80px;
	padding:0;
	margin:0;
	/* background:url(images/bgTop.gif);*/
}



div#ContentLeftPanel{
	width:200px;
	height:100%;
	padding:0;
	margin:0;
	float:left;
	/*background-color:#BBC9AA;*/
	overflow:scroll;
	 background-color:#eeeeee;
}
div#ContentRightPanel{
	width:800px;
	height:580px;
	padding:0;
	margin:10px;
	
	float:left;
	 
	background-color:#eeeeee;
}


div#ContentBottomPanel
{
	clear:both;
	width:1020px;
	height:30px;
	padding:0;
	margin:0;
	background-color:Gray;
	color:White;
	text-align:center;
	padding-top:10px;
}

.fontHeader1
{
	font-weight:bold;
	color:Black;
	font-size:10pt;
	background-color:#D4D0C8;
}

.LeftMenu
{
width:100%;
padding:0;
margin:0;
}

.SynchronizeBtn 
{
	background-image: url(../images/icons/small/synchronize.gif);
	background-position: 5px 4px;
    background-repeat: no-repeat;
    width:auto;
	height:22px;
    line-height:20px;
    padding:0px 5px 0px 25px; 
    vertical-align:middle;
    border:solid 1pt #B8BBC6;

}
.SearchBtn 
{
	background-image: url(../images/icons/small/search.gif);
	background-position: 5px 4px;
    background-repeat: no-repeat;
    width:auto;
	height:22px;
    line-height:20px;
    padding:0px 5px 0px 25px; 
    vertical-align:middle;
   /* border:solid 1pt #B8BBC6;*/

}
.SaveBtn 
{
	background-image: url(../images/icons/small/save.gif);
	background-position: 5px 4px;
    background-repeat: no-repeat;
    width:auto;
	height:22px;
    line-height:20px;
    padding:0px 5px 0px 25px; 
    vertical-align:middle;
    border:solid 1pt #B8BBC6;
}
.CloseBtn 
{
	background-image: url(../images/icons/small/close.gif);
	background-position: 5px 4px;
    background-repeat: no-repeat;
    width:auto;
	height:22px;
    line-height:20px;
    padding:0px 5px 0px 25px; 
    vertical-align:middle;
    border:solid 1pt #B8BBC6;
}
.CancelBtn 
{
	background-image: url(../images/icons/small/action_remove.gif);
	background-position: 5px 4px;
    background-repeat: no-repeat;
    width:auto;
	height:22px;
    line-height:20px;
    padding:0px 5px 0px 25px; 
    vertical-align:middle;
    border:solid 1pt #B8BBC6;
}

.BackBtn 
{
	background-image: url(../images/icons/small/arrow_back.gif);
	background-position: 5px 4px;
    background-repeat: no-repeat;
    width:auto;
	height:22px;
    line-height:20px;
    padding:0px 5px 0px 25px; 
    vertical-align:middle;
    border:solid 1pt #B8BBC6;
    float:none;
}

.ResetStadardBtn 
{
	background-image: url(../images/icons/small/cancel.gif);
	background-position: 5px 4px;
    background-repeat: no-repeat;
    width:auto;
	height:24px;
    line-height:24px;
    padding:0px  2px 0px  25px; 
    vertical-align:middle;
    border:solid 1pt #B8BBC6;
    font-size:8pt;
    background-color:Transparent;
    font-family:Tahoma,MS Sans Serif;
    color:#C18900;
    
}

div.LoadingProgress
{
	border:0;
    background-color:#fff;
    width:180px;
    height:35px;
    border:solid 1pt #3A619C;
    position:absolute;
}
div.LoadingProgress .Icon
{
    position:relative;
    float:left;
    top:8px;
    left:10px;
    background-image:url("../../images/loading.gif");
    height:19px;width:30px;
}
div.LoadingProgress .Text
{
    position:relative;
    float:left;
    top:10px;  
    left:20px;
    height:20px;
}


.standardPadding
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}	

#divPadding
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}
.divPaddingStyle
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}

.instruction
{
	color:Red;
	font-weight:bold;
	}
.mnuOnTop
{
	z-index:1000;
}


.contentTemplate
{
	width:100%;
	height:500px;
	text-align:left;
	vertical-align:top;
	background-color:White;
	/*background-image:url(images/bg_content.gif);*/
	background-repeat:repeat-y;
	background-position:center;
}
.modalBackground 
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

 
.paragraphFont
{
	color:Black;
	font-weight:bold;	
}

/*file upload skin----------*/
.fileUploadQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #0099FF;
}
/*---end of skin file upload--*/